<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>具体星座描述</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
		<script type="text/javascript" src="../js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/iscroll.js"></script>
		<script>
			var myscroll;
			function loaded(){
				myscroll = new iScroll("wrapper");
			}
			window.addEventListener("DOMContentLoaded",loaded,false);
		</script>
		<link rel="stylesheet" type="text/css" href="../css/detail-constellation.css"/>
	</head>
	<body>
		<!-- 整体 -->
		<div class="wrap">
			
			<!-- 头部 -->
			<div class="header">
				<script type="text/javascript">
					$(".header").load("common-header.html");
				</script>
			</div>
			
			<!-- banner -->
			<div class="banner">
				<img src="../img/consellation-img/constellation_1.png" alt=""/>
				<p class="constellation">
					<span>白羊座</span>
					<span>3.21-4.19</span>
				</p>
			</div>

			<!-- 不同时间：今天，明天，本周，本月，本年 -->
			<div class="showdate">
				<ul>
					<li class="show-border">今天</li>
					<li>明天</li>
					<li>本周</li>
					<li>本月</li>
					<li>本年</li>
				</ul>
			</div>
			
			<!-- 展示不同的内容 -->
			<div class="todayconstellation-content" id="wrapper">
				<div class="constel-show" id="scroller">
					
					<!-- 整体运势 -->
					<ul class="whole-fortune">
						<li>
							<b>综合运势：</b>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>
						</li>
						<li>
							<b>财运指数：</b>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>
						</li>
						<li>
							<b>健康指数：</b>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>
						</li>
						<li>
							<b>工作指数：</b>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>	
						</li>
						<li>
							<b>爱情指数：</b>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start1.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>
							<span><img src="../img/consellation-img/start2.png" alt=""/></span>	
						</li>
						<li><b>幸运颜色：</b>蓝色</li>
						<li><b>速配星座：</b>水瓶座</li>
						<li><b>幸运数字：</b>7</li>
					</ul>
				
					<!-- 具体的运势:健康 求职 恋情 财运 工作 -->
					<ul class="detail-fortune">
						<li>
							<h4>健康</h4>
							<p>内心有焦躁，但身体拒绝过劳求舒适。容易有尾部不适。</p>
						</li>
						<li>
							<h4>求职</h4>
							<p>虽有新想法，但心态求稳当，容易低就。但较有可能从家人处获得的机会。</p>
						</li>
						<li>
							<h4>恋情</h4>
							<p>之前积累的想法和感受，本周选择说出来。沟通机会增多，亦有可能以争吵的方式出现。</p>
						</li>
						<li>
							<h4>财运</h4>
							<p>虽有自己的理财想法，但总体受控于家人或家族的财务计划。受木星支撑有机会得到家人的支援。</p>
						</li>
						<li>
							<h4>工作</h4>
							<p>内心有焦躁，但身体拒绝过劳求舒适。容易有尾部不适。</p>
						</li>
					</ul>
				</div>
			</div>
			
			<!-- 尾部 -->
			<div class="footer">
				<script type="text/javascript">
					$(".footer").load("common-foot.html");
				</script>
			</div>
			
		</div>
		
	</body>
</html>
